<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<meta name="full-screen" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<title>add5</title>
		<link rel="stylesheet" type="text/css" href="../css/swiper3.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<script src="../js/jquery.min.js"></script>
		<!--<script src="../js/carousel.js"></script>-->
		<script src="../js/init.js"></script>
		<link rel="icon" href="../images/favicon.ico" />
		<style type="text/css">
			body {
				background-color: #eee;
			}
			
			.top {
				position: relative;
				text-align: center;
			}
			
			.top .co {
				display: block;
				font-size: 0.26rem;
				height: 1.18rem;
				line-height: 1.18rem;
			}
			
			.top .iconfont {
				position: absolute;
				left: 0.2rem;
				top: 0.44rem;
			}
			
			img {
				height: 8.16rem;
				width: 100%;
			}
			
			.con {
				width: 7.5rem;
				position: absolute;
				/*top: 9.6rem;*/
				font-size: 0.3rem;
				text-indent: 1em;
				padding: 0 0.2rem;
			}
			.bottom {
				font-size: 0.26rem;
				position: absolute;
				width: 100%;
				height: 0.8rem;
				bottom: 0rem;
				color: #c7a1ae;
			}
			.bottom .left {
				position: absolute;
				width: 50%;
				left: 0;
				height: 0.8rem;
				text-align: center;
				border-right: 1px solid #c7a1ae;
				
			}
			.bottom .right {
				text-align: center;
				position: absolute;
				width: 50%;
				right: 0;
				height: 0.8rem;
			}
			.bottom text {
				display: block;
			}
		</style>
	</head>

	<body>
		<div class="top">
			<text class="iconfont">&#xe601;</text>
			<text class="co">共享照片</text>
		</div>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><text></text><img class="lb-img" src="../images/con05.jpg"></div>
				<div class="swiper-slide"><text></text><img class="lb-img" src="../images/con05.jpg"></div>
				<div class="swiper-slide"><text></text><img class="lb-img" src="../images/con05.jpg"></div>
			</div>
		</div>
		<text class="con">我我我我我我我哦我我我我哦我我我我哦我我哦我我我我我我我我哦我我我我我我我哦我我我我哦我我我我哦我我哦我我我我我我我我哦</text>
		<div class="bottom">
			<div class="left">
				<text class="cont">下载</text><text class="count">520</text>
			</div>
			<div class="right">
				<text class="iconfont">&#xe66a;</text><text class="count">520</text>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/swiper3.min.js"></script>
	<script type="text/javascript">
		window.onload = function() {
			var mySwiper = new Swiper('.swiper-container', {
				width: window.innerWidth,
				paginationClickable: true,
				loop: true,
				autoplay: 3000,
				autoplayDisableOnInteraction: false,
				// 如果需要分页器
				pagination: '.swiper-pagination'
			})
		}
	</script>

</html>